<%-- 
    Document   : crearTarea
    Created on : 29/08/2009, 03:15:50 AM
    Author     : user
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        
        <!--Hoja de estilos -->
        <link rel="stylesheet" type="text/css" media="all" href="${pageContext.servletConfig.servletContext.contextPath}/jscalendar/calendar-blue2.css" title="win2k-cold-1" />
        <link type="text/css" href="${pageContext.servletConfig.servletContext.contextPath}/css/estilo.css" rel="stylesheet" />

        <!-- librería principal del calendario -->
        <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/jscalendar/calendar.js"></script>
        <!-- librería para cargar el lenguaje deseado -->
        <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/jscalendar/lang/calendar-es.js"></script>
        <!-- librería que declara la función Calendar.setup, que ayuda a generar un calendario en unas pocas líneas de código -->
        <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/jscalendar/calendar-setup.js"></script>
       
       <!--Para mostrar el google map en un frame distinto-->
       <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/scripts/mapaGoogle.js"></script>
       <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/librerias/jquery-1.3.2.js"></script>
       <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/scripts/thickbox.js"></script>

       <script type="text/javascript" src="${pageContext.servletConfig.servletContext.contextPath}/scripts/registrarTarea.js"></script>

        <title>Crear Tarea</title>
    </head>
    <body>
        
        <div class="wrapper">
            <div class="header">
                <label>Eventos Espol</label>
                <div class="cerrarSesion">
                    
                    <a href="Controller?opcion=cerrarSesion">Cerrar Sesión</a>
                </div>
            </div>

            <div class="informacion">

                <div class="titulo">
                    <h2>Crear Tarea</h2>
                </div>

                <div class="contenedorMenu">
                    <%@include file="menu.jsp" %>
                </div>

                <div class="informacion2" id="nuevaTarea">
                    
                    <div id="mensaje" >
                    </div>

                    <form action="Controller" method="post" name="formCrearTarea">
                       <div>
                            <p><label>Nombre Tarea:</label>
                                <input type="text" name="txtNombre" />
                            </p>
                            <p><label>Responsable: </label>
                               <select id="responsables" name="responsables">
                                   <c:forEach var="responsable" items="${responsables}" >
                                        <option value="${responsable.idUsuario}">${responsable.nombre} ${responsable.apellido} </option>
                                     </c:forEach>
                               </select>
                            </p>
                       
                            <p><label>Fecha inicio:</label>
                               <input type="text" name="fechaInicio" id="fechaInicio" size=10 readonly />
                            </p>
                            <p><label>Fecha Fin: </label>
                               <input type="text" name="fechaFin"  id="fechaFin" size=10 readonly>
                            </p>
                            <p><label>Estado:</label>
                               <select name="estado" id="estado" disabled>
                                  <option selected >pendiente</option>
                                  <option>terminado</option>
                               </select>
                            </p>
                            <p><label>Importancia:</label>
                               <select name="importancia" id="importancia">
                                  <option>urgente</option>
                                  <option selected>normal</option>
                                  <option>baja</option>
                               </select>
                            </p>
                           <label>Documentos e imagenes:</label>
                              <div id="doc">
                                <input type="file" id="doc_1" name="doc_1"  />
                                <input type="file" id="doc_2" name="doc_2"  />
                                <input type="file" id="doc_3" name="doc_3"  />
                                <input type="file" id="doc_4" name="doc_4"  />
                                <input type="file" id="doc_5" name="doc_5"  />
                                <input type="file" id="doc_6" name="doc_6"  />
                              </div>
                              <!--<td><a href="javascript:agregarUnElemento('doc')">Agregar</a></td>-->
                              
                                                     
                                  <p><label>Url 1: </label><input type="text" id="url_1" name="url_1" />
                                     <label>Url 2: </label><input type="text" id="url_2" name="url_2" />
                                     <label>Url 3: </label><input type="text" id="url_3" name="url_3" />
                                  </p>

                                  <p><label>Tag 1: </label><input type="text" id="tag_1" name="tag_1" />
                                     <label>Tag 2: </label><input type="text" id="tag_2" name="tag_2" />
                                     <label>Tag 3: </label><input type="text" id="tag_3" name="tag_3" />
                                  </p>
                              

                                   <tr>
                                        <label>Tipo:</label>
                                            <td id="td_reunion">

                                             <label>Reuni&oacute;n:</label>
                                                 <input type="checkbox" id="chk_reunion" name="chk_reunion" onclick="mostrarMapaGoogle();"   /><br />
                                                 <input type="text" name="txtLatitud" id="txtLatitud"  size="12" style="visibility:hidden"  />
                                                 <input type="text" name="txtLongitud" id="txtLongitud" size="12" style="visibility:hidden"  />
                                                                                                 
                                           
                                          </td>
                                    </tr>
                                <p><label>Descripci&oacute;n: </label>
                                    <textarea  rows="6" cols="50" name="txareaDescripcion"></textarea>
                                </p>
                          


                                <input type="submit" value="Crear Tarea"/>
                                <input type="button" value="limpiar" onclick="validar(formCrearTarea);"/>
                                <input type="hidden" name="opcion" value="registrarTarea"/>



                        </div>
                    </form>

                       <script type="text/javascript">
                            Calendar.setup({
                            inputField : "fechaInicio", // id del campo de texto
                            ifFormat : "%Y-%m-%d", // formato de la fecha que se escriba en el campo de texto
                            button : "lanzador" // el id del botón que lanzará el calendario
                            });
                        </script>
                        <script type="text/javascript">
                            Calendar.setup({
                            inputField : "fechaFin", // id del campo de texto
                            ifFormat : "%Y-%m-%d", // formato de la fecha que se escriba en el campo de texto
                            button : "lanzador" // el id del botón que lanzará el calendario
                            });
                        </script>

                        
                </div>
                </div>
            <div class="footer">
                <a href="#">Contactenos</a>
            </div>
            
         </div>
    </body>
</html>
